<template>
	<div>
		<nav-bar>
			<nav-bar-item path="/home">
				<img src="~assets/img/navBar/shouye-active.png" alt="" slot="item-icon-active">
				<img src="~assets/img/navBar/shouye.png" alt="" slot="item-icon">
				<span slot="item-text">首页</span>
			</nav-bar-item>
			<nav-bar-item path="/category">
				<img src="~assets/img/navBar/fenlei-active.png" alt="" slot="item-icon-active">
				<img src="~assets/img/navBar/fenlei.png" alt="" slot="item-icon">
				<span slot="item-text">分类</span>
			</nav-bar-item >
			<nav-bar-item path="/cart">
				<img src="~assets/img/navBar/gouwuche-active.png" alt="" slot="item-icon-active">
				<img src="~assets/img/navBar/gouwuche.png" alt="" slot="item-icon">
				<span slot="item-text">购物车</span>
			</nav-bar-item>
			<nav-bar-item path="/profile">
				<img src="~assets/img/navBar/wode-active.png" alt="" slot="item-icon-active">
				<img src="~assets/img/navBar/wode.png" alt="" slot="item-icon">
				<span slot="item-text">我的</span>
			</nav-bar-item>
		</nav-bar>
	</div>
</template>

<script>
	import navBar from 'components/common/navBar/navBar.vue'
	import navBarItem from 'components/common/navBar/navBarItem.vue'
	export default {
		name:'mainNavBar',
		components:{
			navBar,
			navBarItem
		}
	}
</script>

<style>
</style>
